<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Welcome to KeDeng Management System.</title> <script
		type="text/javascript" src="../script/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="../script/jquery-ui.min.js"></script>
	<script type="text/javascript" src="../script/jquery-tree-1.0.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/buttonPro.css">
		<link type="text/css" rel="stylesheet" media="all"
			href="../css/example-style.css" charset="utf-8">
			<script type="text/javascript">
				$(document).ready(function() {
					$("#tree").niceTree();
				});
			</script>
</head>
<body>
	<div id="wrapper">
		<div style="margin: auto; width: 980px; margin-bottom: 5px;">
			<div style="float: left;">
				<h1 style="font-size: 24px;">KeDeng - 科登</h1>
			</div>
			<div style="clear: both;"></div>
		</div>
		<div class="content">
			<div class="menu">
				<ul id="tree" class="nicetree">
					<li class="blue withsubsections"><a href="#"> 扣件信息管理 </a>
						<ul class="subsections" style="display: none;">
							<li><a href="#">添加扣件信息</a></li>
							<li><a href="#">修改扣件信息</a></li>
							<li><a href="#">删除扣件信息</a>
								<ul class="subsections" style="display: none;">
									<li><a href="#">Supported Integrations</a></li>
									<li><a href="#">Custom Website</a></li>
									<li><a href="#">Header / Footer Code</a></li>
								</ul></li>
							<li><a href="#">扣件信息查询</a></li>
						</ul></li>
					<li class="blue"><a href="#"> 客户信息管理 </a>
						<ul class="subsections" style="display: none;">
							<li><a href="#">添加客户信息</a></li>
							<li><a href="#">修改客户信息</a></li>
							<li><a href="#">删除客户信息 </a></li>
							<li><a href="#">客户信息查询</a></li>
						</ul></li>
					<li class="blue"><a href="#"> 订单信息管理 </a>
						<ul class="subsections" style="display: none;">
							<li><a href="#">添加订单信息</a>
							<li><a href="#">修改订单信息</a></li>
							<li><a href="#">删除订单信息</a></li>
							<li><a href="#">订单信息查询</a></li>
						</ul></li>
					<li class="blue"><a href="#" class="nicetree_hover"> 后台管理
					</a></li>
				</ul>
				<div class="expand-collapse">
					<a href="javascript:void(0);" class="nicetree_expand" rel="tree">展开所有</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a
						href="javascript:void(0);" class="nicetree_collapse" rel="tree">合拢所有</a>
				</div>
			</div>
			<div class="page">
				<div class="header">
					<h1>jQuery Tree Menu Plugin</h1>
				</div>
				<div class="icons">
					<div class="item">
						<div class="thumbnail">
							<img
								src="./jQuery Tree   Collapsible Menu Plugin - niceTree_files/045.png"
								style="top: 0" alt="">
						</div>
						<div class="name">
							<a href="#">Georgeous</a>
						</div>
						<div class="desc">
							<p>Finally, a tree menu that just looks good. Time to get rid
								of that ugly tree menu on your site with the plus and minus
								signs for this nice web 2.0 look. A sleek look, elegance, and
								professionalism are put into one package with our jQuery tree
								menu system.</p>
						</div>
					</div>
					<div class="item">
						<div class="thumbnail">
							<img
								src="./jQuery Tree   Collapsible Menu Plugin - niceTree_files/066.png"
								alt="">
						</div>
						<div class="name">
							<a href="#">All the Options</a>
						</div>
						<div class="desc">
							<p>Not only does the tree menu look beautiful, but we have
								all the options you need to make it usefull as well. Choose to
								automatically open up a certain section, have cookies remember
								the selection, and more.</p>
						</div>
					</div>
					<div class="item">
						<div class="thumbnail">
							<img
								src="./jQuery Tree   Collapsible Menu Plugin - niceTree_files/057.png"
								alt="">
						</div>
						<div class="name">
							<a href="#">Compatible</a>
						</div>
						<div class="desc">
							<p>Don't worry about the menu you being messed up in all the
								browsers. We got you covered! Full support for IE 7, IE 8, IE 9,
								FireFox, Google Chrome, Safari, and Opera. Please note that some
								older browsers make not have full capability.</p>
						</div>
					</div>
				</div>
				<div class="header"
					style="border: 0; border-top: 1px solid #ddd; padding-top: 20px;">
					<h1 style="font-weight: normal">More Page Content</h1>
					<p
						style="font-size: 12px; line-height: 18px; color: #333; font-family: &amp; amp;">
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
						at leo diam. Nulla facilisi. Pellentesque feugiat neque quis arcu
						vehicula ut vestibulum elit vestibulum. Nullam eu magna quis elit
						posuere luctus. Donec scelerisque posuere nisi, quis sagittis
						tellus luctus eget. Proin ac ultrices turpis. Fusce ac erat felis.
						Donec in ipsum vitae sem rutrum scelerisque. Curabitur purus nunc,
						aliquam et vestibulum eget, placerat eget sem. Nullam mollis, elit
						sit amet scelerisque viverra, est dui ultrices neque, vitae
						blandit felis felis volutpat massa. In luctus interdum dictum. Nam
						nisi nunc, rutrum eu congue id, porta nec diam. Fusce sit amet
						nibh nisi, vitae mollis velit.<br><br> Nulla ut neque
								justo. Vestibulum consectetur felis eu purus aliquet
								condimentum. Donec eleifend ipsum a nibh volutpat non bibendum
								diam cursus. Phasellus nec leo lacinia ipsum rhoncus porttitor
								quis sed nisl. Proin suscipit, metus eu iaculis fringilla, justo
								felis accumsan massa, at elementum lectus tellus eget turpis.
								Donec felis leo, dapibus non bibendum quis, vestibulum eu eros.
								In quis justo ac turpis molestie vestibulum. Praesent tempus
								pulvinar lorem, placerat suscipit sapien feugiat nec. Phasellus
								ultricies faucibus tortor id suscipit. 
					</p>
				</div>
			</div>
		</div>
		<div style="margin: auto; width: 980px; margin-bottom: 5px;">
			<div style="float: left;">
				<h1 style="font-size: 24px;">Copyright©</h1>
			</div>
			<div style="clear: both;"></div>
		</div>
		<div class="copyright content">
			<p>
				This system just for KeDeng(科登), more information please contact the
				author.<br />Copyright© 2013 KeDeng. All Rights Reserved.
			</p>
		</div>

	</div>

</body>
</html>